ElementUI中使用tooltip

2024-07-11 00:05| 来源: 网络整理| 查看: 265

ElementUI中使用tooltip 原创

百八烦恼风 2024-01-13 14:36:01 博主文章分类：vue ©著作权

文章标签示例代码嵌套添加属性文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者百八烦恼风的原创作品，请联系作者获取转载授权，否则将追究法律责任

button添加属性disabled，造成el-tooltip失效

当鼠标移入的时候，通过tootip显示提示内容，但是发现移入进去发现失效，并没有显示提示信息，示例代码如下：

Dark

网上查阅后，按钮的disabled属性影响tooltip 的使用

按理来说disabled属性写在el-tooltip上会影响其可用性，但是万万没想到写在button上的disabled属性也会造成影响…

解决办法

在el-button外边嵌套了一个div，这样子操作能避免了el-button的disabled属性对el-tooltip显示的影响。

Dark 赞收藏评论分享举报

上一篇：vue前端处理Long类型丢失精度问题

下一篇：ElementUI表格合并单元格

【本文地址】

今日新闻